<template>
	<div id="bottom">
		<div class="bottom">
			<div class="wrap">
				<div class="help-contact clearfixed">
					<div class="hc-section1">
						<p class="hc-title">企业服务</p>
						<ul class="hc-details">
							<li>
								<a href="javascript:;">职位搜索</a>
							</li>
							<li>
								<a href="javascript:;">新闻资讯</a>
							</li>
						</ul>
					</div>
					<div class="hc-section1">
						<p class="hc-title">使用与帮助</p>
						<ul class="hc-details">
							<li>
								<a href="javascript:;">用户协议与隐私政策</a>
							</li>
							<li>
								<a href="javascript:;">防骗指南</a>
							</li>
							<li>
								<a href="javascript:;">职位发布规则</a>
							</li>
							<li>
								<a href="javascript:;">使用帮助</a>
							</li>
						</ul>
					</div>
					<div class="hc-section1">
						<p class="hc-title">联系我们</p>
						<ul class="hc-details">
							<li>
								<p href="javascript:;">成都万息科技有限公司</p>
							</li>
							<li>
								<p href="javascript:;">公司地址 成都市武侯区</p>
							</li>
							<li>
								<p href="javascript:;">联系电话 028-666789</p>
							</li>
							<li>
								<p href="javascript:;">违法和不良信息举报邮箱 jubao@wanxi.com</p>
							</li>
						</ul>
					</div>
					<div class="hc-section-orther">
						<label for="">万息招聘</label>
						<p>企业服务热线和举报投诉 400 065 5799</p>
						<p>工作日 8:00 - 22:00</p>
						<p>休息日 9:30 - 18:30</p>
					</div>
				</div>
				<div class="copy-right">
					<span>Copyright © 2020 万息招聘</span>
					<div class="right-orther">
						<a href="javascrit:;">首都网警</a>
						<a href="javascrit:;">人力资源服务许可证</a>
						<a href="javascrit:;">网上有害信息举报专区</a>
					</div>
				</div>
			</div>
		</div>

		<div class="friend-link">
			<div class="wrap">
				<span>友情链接：</span>
				<a href="javascript:;">美术问答</a>
				<a href="javascript:;">企业招聘</a>
				<a href="javascript:;">法律咨询 </a>
				<a href="javascript:;">玻璃厂招聘</a>
				<a href="javascript:;">看准网新闻</a>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	/*底部信息*/
	.bottom{
		background-color: #fff;
	}
	.help-contact {
		margin-top: 30px;
	}
	
	.hc-section1 {
		float: left;
		margin-right: 100px;
	}
	
	.hc-section1>p {
		color: #333;
		font-size: 14px;
		margin-top: 0;
	}
	
	.hc-details li {
		line-height: 1.5;
	}
	
	.hc-details p,
	.hc-section1 .hc-details a {
		color: #999;
		font-size: 12px;
	}
	
	.hc-section1 .hc-details a:hover {
		color: #00BFFF;
	}
	
	.hc-section-orther {
		float: right;
		color: #999;
		text-align: right;
	}
	
	.hc-section-orther label {
		font-size: 20px;
		font-weight: bold;
	}
	
	.hc-section-orther p {
		font-size: 13px;
	}
	
	.copy-right {
		line-height: 1.5;
		padding-bottom: 15px;
	}
	
	.copy-right span {
		color: #999;
		font-size: 12px;
	}
	
	.copy-right .right-orther a {
		display: inline-block;
		margin-right: 20px;
		color: #333;
		font-size: 12px;
	}
	
	.right-orther a:hover {
		color: #00BFCC;
	}
	
	.friend-link {
		padding: 15px 0 35px;
		background-color: #f1f1f1;
		color: #333;
		font-size: 12px;
	}
	
	.friend-link a {
		color: #999;
		margin-left: 20px;
	}
	
	.friend-link a:hover {
		color: #00BFFF;
		text-decoration: underline;
	}
</style>